<%-- 
    Document   : settings
    Created on : Feb 13, 2013, 4:17:36 PM
    Author     : mona.chandrapal
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Settings</title>
<%@include file="header.jsp"%>
<link rel="stylesheet" href="../styles/mysettingsstyles.css" />
<script src="mysettingsscript.js"></script>
</head>

<body>
	<%@include file="toppanel.jsp"%>
	<br />

	<div
		style="text-align: center; font-size: 30px; font-family: 'Calibri', 'Comic Sans';">
		Settings: &nbsp;&nbsp;<img id="editimgid" src="../images/EditMenu.png"
			title="Edit Categories" onclick="editcategory()" width="32"
			height="32" /> &nbsp;&nbsp;<img id="reorderimgid"
			src="../images/ReorderMenu.png" title="Reorder Categories"
			onclick="reordercategory()" width="32" height="32" />
	</div>
	<br>
	<div>
		<table style="width: 90%" cellspacing="2" cellpadding="15" border="0"
			align="center">

			<tr>
				<td width="30%"><span
					style="font-size: 20px; color: #666666; padding-left: 10px; font-weight: bold;">Modules
						&nbsp;&nbsp;<img src="../images/AddMenu.png" title="Add Category"
						style="vertical-align: text-bottom" onclick="addmodulefn(1)"
						width="32" height="32" />
				</span></td>
				<td width="30%"><span
					style="font-size: 20px; color: #666666; padding-left: 10px; font-weight: bold;">Categories
						&nbsp;&nbsp;<img src="../images/AddMenu.png" title="Add Category"
						style="vertical-align: text-bottom" onclick="addmodulefn(2)"
						width="32" height="32" />
				</span></td>
				<td width="30%"><span
					style="font-size: 20px; color: #666666; padding-left: 10px; font-weight: bold;">SubCategories
						&nbsp;&nbsp;<img src="../images/AddMenu.png" title="Add Category"
						style="vertical-align: text-bottom" onclick="addmodulefn(3)"
						width="32" height="32" />
				</span></td>
			</tr>
			<tr>
				<td style="vertical-align: top">
					<ul id="sortable1" class="connectedSortable"></ul>
				</td>
				<td style="vertical-align: top">
					<ul id="sortable2" class="connectedSortable"></ul>
				</td>
				<td style="vertical-align: top">
					<ul id="sortable3" class="connectedSortable"></ul>
				</td>
			</tr>
		</table>
	</div>

	<div id="addcategory" class="dialog">
		<form>
			<br>
			<div>
				Parent Category: <span id="select-category"></span>
			</div>
			<br> <span style="font-size: 12px;">Add Category : &nbsp;
				<input type="text" id="categoryname" name="categoryname" value=""
				size="30" style="font-size: 12px" />
			</span>
		</form>
	</div>

	<div id="renamecategory" class="dialog">
		<form>
			<br>
			<div>
				Category: <span id="categorytorename"></span>
			</div>
			<br> <span style="font-size: 12px;">New Category Name :
				&nbsp; <input type="text" id="newcategoryname"
				name="newcategoryname" value="" size="30" style="font-size: 12px" />
			</span>
		</form>
	</div>
</body>
</html>
